<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>携程网站首页---移动端</title>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<!-- 任何移动端页面都要写下面的meta.... -->
	<meta name="viewport" content="width=device-width,initical-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no">
</head>

<body>
	<section id="bar">
		<input type="text" value="搜索:目的地/酒店/景点/航班号">
		<a href="#">我的</a>
	</section>
	<section id="banner">
		<img src="img/banner.jpg" alt="图片加载失败！">
	</section>
	<section id="nav">
		<ul>
			<li>
				<a href="#">酒店</a>
			</li>
			<li>
				<a href="#">海外酒店</a>
				<a href="#">特价酒店</a>
			</li>
			<li>
				<a href="#">团购</a>
				<a href="#">民俗 客栈</a>
			</li>
		</ul>


		<ul>
			<li>
				<a href="#">机票</a>
			</li>
			<li>
				<a href="#">飞机票 抢票</a>
				<a href="#">特价机票</a>
			</li>
			<li>
				<a href="#">汽车票 船票</a>
				<a href="#">专车 租车</a>
			</li>
		</ul>

		<ul>
			<li>
				<a href="#">旅游</a>
			</li>
			<li>
				<a href="#">目的地攻略</a>
				<a href="#">周边游</a>
			</li>
			<li>
				<a href="#">邮轮旅行</a>
				<a href="#">定制旅行</a>
			</li>
		</ul>

		<ul>
			<li>
				<a href="#">景点 玩乐</a>
				<a href="#">礼品卡</a>
			</li>
			<li>
				<a href="#">美食林</a>
				<a href="#">WIFT电话卡</a>
			</li>
			<li>
				<a href="#">购物信用卡</a>
				<a href="#">保险签证</a>
			</li>
		</ul>
	</section>
	<section id="subnav">
		<ul>
			<li>自由行</li>
			<li>微领队</li>
			<li>一日游</li>
			<li>高端游</li>
			<li>酒店 景点</li>
			<li>海外玩乐</li>
			<li>外币兑换</li>
			<li>加盟合作</li>
			<li>机场停车</li>
			<li>行李寄送</li>
			<li>当即去哪</li>
			<li>更多服务</li>
		</ul>
	</section>
	<section id="tmh">
		<div>
			<span>特实惠</span>
			<span>领红包再下单></span>
		</div>
		<ul>
			<li>
				<dl>
					<dt><img src="img/tmh-1.jpg" alt="图片加载失败！"></dt>
					<dd>日本东京五日自由行（4钻）爆款1999元！含。。。</dd>
					<p><b>￥1917起</b><span>省￥682</span></p>
				</dl>
			</li>
			<li>
				<div>
					<h2>千款特价</h2>
					<p>走过路过不要错过</p>
				</div>
				<div>
					<p>
						<em>海外精选</em>
						<em>百元</em>
						<em>出境游</em>
					</p>
					<p><em>周边玩乐</em>
						<em>十元</em>
						<em>度周末</em>
					</p>
				</div>
			</li>
		</ul>
	</section>
	<section id="sale">
		<div>
			<span>热门活动</span>
			<span>获取更多福利></span>
		</div>
		<ul>
			<li>
				<img src="img/sale-1.png" alt="图片加载失败！">
				<img src="img/sale-2.png" alt="图片加载失败！">
			</li>
			<li>
				<img src="img/sale-3.png" alt="图片加载失败！">
				<img src="img/sale-4.png" alt="图片加载失败！">
				<img src="img/sale-5.png" alt="图片加载失败！">
			</li>
		</ul>
	</section>
	<section id="footer">
		<ul>
			<li><a href="#">电话预定</a></li>
			<li><a href="#">下载客户端</a></li>
			<li><a href="#">我的</a></li>
		</ul>
		<div>
			<ol>
				<li><a href="#">网站地图</a></li>
				<li><a href="#">www.wu</a></li>
				<li><a href="#">电脑版</a></li>
			</ol>
			<p><span>&copy; 2017携程旅行</span> | <span>沪IPC345465565号</span></p>
		</div>
	</section>
</body>

</html>